<template>
  <div id="app">
    <div style="margin: 0px auto;
        width: 90%;
        text-align: center;
        border: 1px solid red;
        height: 65px;
        line-height: 65px;
        border-radius: 40px;
        border: 0;
        background-color: #dfc053;
        margin-top: 55px;
        box-shadow: 1px 1px 10px #8c8c8c;">
      <div>
        <span class="mui-icon-extra mui-icon-extra-gold" style="font-size: 36px;padding-right: 10px;color: #333;"></span>
        <span>520</span>
        <span>金币</span>
      </div>
    </div>


    <div class="mui-card" style="margin-bottom: 35px;">
      <ul class="mui-table-view">
        <li class="mui-table-view-cell">
          <router-link to="/refill" class="mui-navigate-right"> <i class="el-icon-bank-card"></i> 充值</router-link>
        </li>
        <li class="mui-table-view-cell">
          <router-link to="/refill" class="mui-navigate-right"> <i class="el-icon-coin"></i> 提现</router-link>
        </li>
        <li class="mui-table-view-cell">
          <router-link to="/CZrecord" class="mui-navigate-right"> <i class="el-icon-odometer"></i> 充值记录</router-link>
        </li>
        <li class="mui-table-view-cell">
          <router-link to="/TXrecord" class="mui-navigate-right"> <i class="el-icon-timer"></i> 提现记录</router-link>
        </li>
      </ul>
    </div>
  </div>
</template>
<script>
export default {
   data() {
      return {

      }
    },
    created(){

    },
    methods:{

    },
    // components(){

    // },  
}
</script>
<style lang="less" scoped>

</style>
